﻿@{ 
    Layout = null;
}
<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
 <!--<![endif]-->
<!-- BEGIN HEAD -->

<head>

    <meta charset="utf-8" />

    <title>Metronic | Login Page</title>

    <meta content="width=device-width, initial-scale=1.0" name="viewport" />

    <meta content="" name="description" />

    <meta content="" name="author" />

    <!-- BEGIN GLOBAL MANDATORY STYLES -->

    <link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />

    <link href="~/Content/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />

    <link href="~/Content/font-awesome.min.css" rel="stylesheet" type="text/css" />

    <link href="~/Content/style-metro.css" rel="stylesheet" type="text/css" />

    <link href="~/Content/style.css" rel="stylesheet" type="text/css" />

    <link href="~/Content/style-responsive.css" rel="stylesheet" type="text/css" />

    <link href="~/Content/default.css" rel="stylesheet" type="text/css" id="style_color" />

    <link href="~/Content/uniform.default.css" rel="stylesheet" type="text/css" />

    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->

    <link href="~/Content/login.css" rel="stylesheet" type="text/css" />

    <!-- END PAGE LEVEL STYLES -->

    <link rel="shortcut icon" href="favicon.ico" />

</head>

<!-- END HEAD -->
<!-- BEGIN BODY -->

<body class="login">

    <!-- BEGIN LOGO -->

    <div class="logo">

        <img src="~/Content/image/logo-big.png" alt="" />

    </div>

    <!-- END LOGO -->
    <!-- BEGIN LOGIN -->

    <div class="content">

        <!-- BEGIN LOGIN FORM -->

        <form class="form-vertical login-form" method="post" action="@Url.Action("login","admin",new {returnUrl= ViewBag.ReturnUrl})">

            <h3 class="form-title">用户登录</h3>

            <div class="alert alert-error hide">

                <button class="close" data-dismiss="alert"></button>

                <span>请输入用户名和密码.</span>

            </div>

            <div class="control-group">

                <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->

                <label class="control-label visible-ie8 visible-ie9">用户名</label>

                <div class="controls">

                    <div class="input-icon left">

                        <i class="icon-user"></i>

                        <input class="m-wrap placeholder-no-fix" type="text" placeholder="用户名" name="username" />

                    </div>

                </div>

            </div>

            <div class="control-group">

                <label class="control-label visible-ie8 visible-ie9">密码</label>

                <div class="controls">

                    <div class="input-icon left">

                        <i class="icon-lock"></i>

                        <input class="m-wrap placeholder-no-fix" type="password" placeholder="密码" name="password" />

                    </div>

                </div>

            </div>

            <div class="form-actions">

                <label class="checkbox">

                    <input type="checkbox" name="remember" value="1" /> 记住我

                </label>

                <button type="submit" class="btn green pull-right">

                    登录 <i class="m-icon-swapright m-icon-white"></i>

                </button>

            </div>

            <div class="forget-password">

                <h4>忘记密码?</h4>

                <p>

                    no worries, click <a href="javascript:;" class="" id="forget-password">here</a>

                    to reset your password.

                </p>

            </div>

            <div class="create-account">

                <p>

                    木有账号?&nbsp;

                    <a href="javascript:;" id="register-btn" class="">新用户注册</a>

                </p>

            </div>

        </form>

        <!-- END LOGIN FORM -->
        <!-- BEGIN FORGOT PASSWORD FORM -->

        <form class="form-vertical forget-form" action="@Url.Action("index","admin")">

            <h3 class="">Forget Password ?</h3>

            <p>Enter your e-mail address below to reset your password.</p>

            <div class="control-group">

                <div class="controls">

                    <div class="input-icon left">

                        <i class="icon-envelope"></i>

                        <input class="m-wrap placeholder-no-fix" type="text" placeholder="Email" name="email" />

                    </div>

                </div>

            </div>

            <div class="form-actions">

                <button type="button" id="back-btn" class="btn">

                    <i class="m-icon-swapleft"></i> Back

                </button>

                <button type="submit" class="btn green pull-right">

                    Submit <i class="m-icon-swapright m-icon-white"></i>

                </button>

            </div>

        </form>

        <!-- END FORGOT PASSWORD FORM -->
        <!-- BEGIN REGISTRATION FORM -->

        <form class="form-vertical register-form" action="@Url.Action("index","admin")">

            <h3 class="">Sign Up</h3>

            <p>Enter your account details below:</p>

            <div class="control-group">

                <label class="control-label visible-ie8 visible-ie9">Username</label>

                <div class="controls">

                    <div class="input-icon left">

                        <i class="icon-user"></i>

                        <input class="m-wrap placeholder-no-fix" type="text" placeholder="Username" name="username" />

                    </div>

                </div>

            </div>

            <div class="control-group">

                <label class="control-label visible-ie8 visible-ie9">Password</label>

                <div class="controls">

                    <div class="input-icon left">

                        <i class="icon-lock"></i>

                        <input class="m-wrap placeholder-no-fix" type="password" id="register_password" placeholder="Password" name="password" />

                    </div>

                </div>

            </div>

            <div class="control-group">

                <label class="control-label visible-ie8 visible-ie9">Re-type Your Password</label>

                <div class="controls">

                    <div class="input-icon left">

                        <i class="icon-ok"></i>

                        <input class="m-wrap placeholder-no-fix" type="password" placeholder="Re-type Your Password" name="rpassword" />

                    </div>

                </div>

            </div>

            <div class="control-group">

                <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->

                <label class="control-label visible-ie8 visible-ie9">Email</label>

                <div class="controls">

                    <div class="input-icon left">

                        <i class="icon-envelope"></i>

                        <input class="m-wrap placeholder-no-fix" type="text" placeholder="Email" name="email" />

                    </div>

                </div>

            </div>

            <div class="control-group">

                <div class="controls">

                    <label class="checkbox">

                        <input type="checkbox" name="tnc" /> I agree to the <a href="#">Terms of Service</a> and <a href="#">Privacy Policy</a>

                    </label>

                    <div id="register_tnc_error"></div>

                </div>

            </div>

            <div class="form-actions">

                <button id="register-back-btn" type="button" class="btn">

                    <i class="m-icon-swapleft"></i>  Back

                </button>

                <button type="submit" id="register-submit-btn" class="btn green pull-right">

                    Sign Up <i class="m-icon-swapright m-icon-white"></i>

                </button>

            </div>

        </form>

        <!-- END REGISTRATION FORM -->

    </div>

    <!-- END LOGIN -->
    <!-- BEGIN COPYRIGHT -->

    <div class="copyright">

        2013 &copy; Metronic. Admin Dashboard Template.

    </div>

    <!-- END COPYRIGHT -->
    <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
    <!-- BEGIN CORE PLUGINS -->

    <script src="~/scripts/jquery-1.10.1.min.js" type="text/javascript"></script>

    <script src="~/scripts/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>

    <!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

    <script src="~/scripts/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>

    <script src="~/scripts/bootstrap.min.js" type="text/javascript"></script>

    <!--[if lt IE 9]>

    <script src="~/scripts/excanvas.min.js"></script>

    <script src="~/scripts/respond.min.js"></script>

    <![endif]-->

    <script src="~/scripts/jquery.slimscroll.min.js" type="text/javascript"></script>

    <script src="~/scripts/jquery.blockui.min.js" type="text/javascript"></script>

    <script src="~/scripts/jquery.cookie.min.js" type="text/javascript"></script>

    <script src="~/scripts/jquery.uniform.min.js" type="text/javascript"></script>

    <!-- END CORE PLUGINS -->
    <!-- BEGIN PAGE LEVEL PLUGINS -->

    <script src="~/scripts/jquery.validate.min.js" type="text/javascript"></script>

    <!-- END PAGE LEVEL PLUGINS -->
    <!-- BEGIN PAGE LEVEL SCRIPTS -->

    <script src="~/scripts/app.js" type="text/javascript"></script>

    <script src="~/scripts/login.js" type="text/javascript"></script>

    <!-- END PAGE LEVEL SCRIPTS -->

    <script>

		jQuery(document).ready(function() {

		  App.init();

		  Login.init();

		});

    </script>

    <!-- END JAVASCRIPTS -->
</body>

<!-- END BODY -->

</html>